import Top from "../home/component/top";
import React from "react";
import MyFooter from "../home/component/myFooter";
import {Layout} from "antd";
import OrdersTable from "./component/OrdersTable";
import OrdersTable2 from "./component/OrdersTable2";
const {  Content } = Layout;
const Orders = () => {
    return(
        <>
            <Layout className="layout">
                <Top></Top>
                <Content style={{ padding: '0 100px' ,marginTop: 20}}>
                    <h2 style={{  textAlign: 'center',marginBottom:20 }}> 线上购买</h2>
                    <OrdersTable/>
                    <h2 style={{  textAlign: 'center',marginBottom:20 }}> 线下预约</h2>
                    <OrdersTable2/>
                </Content>
                    <MyFooter></MyFooter>
            </Layout>
        </>
    )
}

export default Orders;